<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="static/css/bootstrap.min.css" />
	<link rel="stylesheet" href="static/css/style.css" type="text/css" />
	<link rel="stylesheet" href="static/css/daohang.css" type="text/css" />
	<style type="text/css">
		.icon-while{
			background-image: url("static/img/glyphicons-halflings-white.png");
		}
		#input01{
			border:0px;
		}
		.ismay{
			width: 700px;
			height: 200px;
			margin-left: auto;
			margin-right: auto;
			position:relative;
		}

		.con{
			width: 600px;
			height:200px;
			float:left;
			position: relative;
		}
		#img{
			width:64px;
			height:80px;
			float: left;
		}
		
		.image{
			background-color: #B0B3B6;
		    background-position: center center;
		    border: medium none;
		    border-radius: 5px 5px 5px 5px;
		    box-shadow: 0 1px 2px #B0B3B6;
		    display: block;
		    height: 64px;
		    outline: medium none;
		    text-indent: -9999px;
		    width: 64px;

		}
		.top{
			background: url("static/img/user/feed-icons.$6973.png") no-repeat scroll 0 -150px transparent;
		    height: 20px;
		    left: 11px;
		    position: absolute;
		    top: 25px;
		    width: 19px;
		}
		.hhh{
			width: 580px;
			height: 75px;
			position: absolute;
			left: 25px;
			border-radius: 15px 15px 15px 15px;
			background-color: #fff;
		}
		.tth{
			background: url("static/img/user/bg_maina.jpg") repeat scroll 0 0 transparent;
		    height: 26px;
		    position: absolute;
		    right: -2px;
		    top: -3px;
		    width: 25px;
		    z-index: 1;
			}
		.th{
			background: url("static/img/user/feed-icons.$6973.png") no-repeat scroll 0 -90px transparent;
			
		    display: block;
		    height: 35px;
		    outline: medium none;
		    position: absolute;
		    right: 0;
		    text-indent: -9999px;
		    top: 0;
		    width: 30px;
		}
		#del{
			float:right;
			margin-top:30px;
			margin-right:14px;
		}
		
		
		body{
			background-image:url("static/img/bg_main.jpg");
		}
	</style>
</head>

<body>
	<%@ include file="include/top2.jsp" %>
	<jsp:include page="include/top.jsp">
		<jsp:param value="document" name="tag"/>
	</jsp:include>
	
	<div class="container">
		<div class="row">
			<!--<jsp:include page="include/side.jsp">
				<jsp:param value="new" name="tag"/>
			</jsp:include>
			-->
			<div class="span12">
			<br>
			标题：<h2 style="text-align:center;color:#0088cc;font-size:36px;">${document.docname }</h2>
			<br>
			<br>
			内容:
			<div style="width:800px;hight:auto;margin:auto auto;">
				<p style="text-indent:20px;font-size:16px;">${document.docmessage}</p>
			</div>
			
			<div class="span9">
				<div id="divv" style="margin-top:20px;">
					<h3>评论</h3>
					<form action="document.jspx?m=say&id=${document.id}" method="post" style="width:600px;height:100px;">
						<textarea class="span6" name="docmessage" rows="4" placeholder="请对项目进行简单的描述" ></textarea>
							<br>
						<input type="submit" value="评论" style="width:60px;border-radius:10px 0px 10px 0px;margin-left:380px;color:#0088cc"/>
					</form>
				</div>
				<br><br><br>
				<c:forEach items="${commentList}" var="c">
				<div class="ismay">
					<div id="img">
						<img src="img.jspx?img=${c.user.image}" alt="" width="64px" height="64px" class="image">
						<p style="clear:both;">${c.user.userName}</p>
						<p >${c.time}</p>
					</div>
					<div class="con" onmouseover="javascript:change();" onmouseout="javascript:change2();">
						<div class="top">
							
						</div>
						<div class="hhh">
							<div class="tth" style="display:none;" id="hidden">
								<div class="th" >
									
								</div>
							</div>
							<p style="font-size:14px;margin-top:8px;margin-left:8px;">&nbsp;&nbsp;&nbsp;&nbsp;${c.message}</p>
							<c:if test="${up.userid eq document.userid }">
								<div id="del">
									<a href="document.jspx?m=dell&id=${c.id}" title="删除"><i class="icon-trash"></i></a>
								</div>
							</c:if>
						</div>
					</div>
				</div>
				</c:forEach>
			</div>
			</div>
		</div>	
	</div>	
	
	<script type="text/javascript" src="static/js/jquery.js"></script>
	<script type="text/javascript" src="static/js/jqueryui.js"></script>
	<script type="text/javascript" src="static/js/jquery.illuminate.0.7.min.js"></script>
	
	<script type="text/javascript">
		$(document).ready(function(){
				
			$('#button').illuminate({
				'intensity': '0.5',
				'color': '#2c2c2c'
			});
				
		});
		
		function change(){
			var obj= document.getElementById("hidden");
			
			obj.style.display="block";
			
		}   
		function change2(){
			var obj= document.getElementById("hidden");
			
			obj.style.display="none";
			
		}  	
	</script>
</body>
</html>